<template>
	<div id="wx">
		<!--头部-->
		<div class="head">
			<div class="iconfont icon-weixin logo"><span>支付完成</span></div>
		</div>
		<!--中间-->
		<div class="middle">
			<div class="name">智多慧有限公司</div>
			<div class="wx_money">
				<span class="ico">¥</span>
				<span class="num">{{money}}</span>
			</div>
		</div>
		<!--底部-->
		<button class="btm_btn" @click="endfun()">完成</button>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				money: '0',
				car_number:'',
			};
		},
		onLoad(options){
			this.money=options.money//金额
			this.car_number=options.car_number//车牌号
			console.log();
		},
		methods: {
			endfun() {
				uni.reLaunch({
					url: `/pages/home/home?car_number=${this.car_number}`,
				});
			},
		},
	};
</script>

<style lang="scss">
	* {
		padding: 0;
		margin: 0;
		box-sizing: border-box;
	}

	#wx {
		width: 100%;
		max-width: 420px;
		height: 100vh;
		background-color: #ffffff;
	}

	#wx .head {
		display: flex;
		height: 100px;
		line-height: 100px;
	}

	#wx .head .logo {
		width: 100%;
		text-align: center;
		font-size: 17px;
		color: rgb(23, 176, 23);
	}

	#wx .head .logo span {
		padding-left: 10px;
		font-size: 16px;
	}

	#wx .middle {
		margin-top: 80px;
	}

	#wx .middle .name {
		width: 100%;
		text-align: center;
		font-weight: 500;
	}

	#wx .middle .wx_money {
		width: 100%;
		height: 50px;
		line-height: 50px;
		text-align: center;
		font-weight: bold;
		font-size: 28px;
	}

	#wx .middle .wx_money .num {
		font-size: 36px;
	}

	#wx .btm_btn {
		position: absolute;
		bottom: 70px;
		left: 50%;
		transform: translate(-50%, 0%);
		width: 140px;
		height: 40px;
		line-height: 40px;
		border: none;
		border-radius: 6px;
		color: rgb(23, 176, 23);
	}

	#wx .btm_btn:active {
		background-color: rgb(235, 235, 235);
		color: rgb(22, 174, 22);
	}
</style>